<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link rel="stylesheet" href="./personal_center.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1981960_wx5m83wcv9c.css">
    <link rel="shortcut icon" href="../static/imgs/wj_game.ico" type="image/x-icon">
</head>
<body>

<!-- 顶部导航栏 -->
<div class="Aug-head">
    <div class="head-wrapper">
        <div class="head-a">
            <a class="head-a" href="www.douyu.com"><img src="../static/imgs/wyk16.png" alt=""></a>
        </div>
        <ul class="head-1">
            <li><a href="../homepage/homepage.html">首页</a></li>
            <li><a href="../live_streaming/live_streaming.html">直播</a></li>
            <li><a href="../classify/classify.html">分类</a></li>
            <li><a href="../vadio/vadio.html">视频</a></li>
            <li><a href="../game/game.html">游戏</a></li>
            <li><a href="../fish_forum/fish_forum.html">鱼吧</a></li>
        </ul>
        <div class="head-2">
            <div class="head-2-search">
                <input type="text" value="ame">
            </div>
            <a href=""><i class="iconfont icon-huatong"></i></a>
            <ul class="head-2-ul">
                <li class="ls-1"><i class="iconfont icon-shijianjilu"></i>历史</li>
                <li class="ls-1"><i class="iconfont icon-xihuan"></i>关注</li>
            </ul>
        </div>
    </div>
</div>




<!-- 个人中心标题 -->
<div class="Aug-personal-center">
    <div class="Aug-wrapper">
        <div class="Aug-uheader">
            <h1 class="fl">个人中心</h1>
        </div>
    </div>
</div>


<!-- 主体部分 -->
<div class="Aug-personal-main">
    <!-- 左侧分类栏 -->
    <div class="u-nav">
        <ul class="u-item">
            <li class="li-item">
                <div class="li-box">
                    <i class="iconfont icon-geren3"></i>
                     我的资料
                </div>
            </li>
            <li class="li-item">
                <div class="li-box">
                    <i class="iconfont icon-22"></i>
                    站内信
                </div>
            </li>
            <li class="li-item">
                <div class="li-box">
                    <i class="iconfont icon-xihuan"></i>
                    我的关注
                </div>
            </li>
            <li class="li-item">
                <div class="li-box">
                    <i class="iconfont icon-icon-test"></i>
                    我的贵族
                </div>
            </li>
            <li class="li-item">
                <div class="li-box">
                    <i class="iconfont icon-dingyue-"></i>
                    我的订阅
                </div>
            </li>
            <li class="li-item">
                <div class="li-box">
                    <i class="iconfont icon-qiandaizi"></i>
                    我的道具
                </div>
            </li>
            <li class="li-item">
                <div class="li-box">
                    <i class="iconfont icon-bangding"></i>
                    账号绑定
                </div>
            </li>
            <li class="li-item">
                <div class="li-box">
                    <i class="iconfont icon-94"></i>
                    我的开黑
                </div>
            </li>
            <li class="li-item">
                <div class="li-box">
                    <i class="iconfont icon-xiaofei01"></i>
                    福袋礼包
                </div>
            </li>
            <li class="li-item">
                <div class="li-box">
                    <i class="iconfont icon-kaquan"></i>
                    我的环游券
                </div>
            </li>
            <li class="li-item">
                <div class="li-box">
                    <i class="iconfont icon-jiangbei"></i>
                    我的预言
                </div>
            </li>
            <li class="li-item">
                <div class="li-box">
                    <i class="iconfont icon-shijianjilu"></i>
                    中奖纪录
                </div>
            </li>
            <li class="li-item">
                <div class="li-box">
                    <i class="iconfont icon-xiaofei01"></i>
                    消费纪录
                </div>
            </li>
            <li class="li-item">
                <div class="li-box">
                    <i class="iconfont icon-shouyiqingkuang"></i>
                    我的收益
                </div>
            </li>
            <li class="li-item">
                <div class="li-box">
                    <i class="iconfont icon-dunpai"></i>
                    防沉迷验证
                </div>
            </li>
            <li class="li-item">
                <div class="li-box1">
                    <i class="iconfont icon-huatong">我要直播</i>

                </div>
            </li>
        </ul>
    </div>
    <!-- 右侧信息栏 -->
    <div class="r-nav">
        <div class="r-title">
            <div class="titlebox">
                <i class="iconfont icon-gerenxinxixiugaix"></i>我的资料
            </div>


            <div class="r-main" style="margin-bottom: 0px;
    padding-bottom: 0px;">
                <div class="r-id">
                    <div class="headphoto"><img src="../static/imgs/wyk3.png" alt=""></div>
                    <div class="nickname">
                        <div class="nickid">
                            <div class="id">Ame<i class="iconfont icon-qianbi">  </i><i class="iconfont icon-qiandao"><a
                                    href="">签到</a></i></div>
                        </div>
                        <div class="lv">
                            <div class="lv-1">
                                <span class="li1-item">用户等级</span>
                                <img src="../static/imgs/wyk13.png" alt=""> <a href="">特权</a>
                            </div>
                            <div class="lv-2">
                                <img src="../static/imgs/wyk1.png" alt=""><a class="lv-2-item" href="">充值</a>
                            </div>
                        </div>
                    </div>

                </div>


                <div class="r-vip">
                    <div class="vip-1">
                        <h2>贵族专属<span>七大贵族 显赫身份 尊贵特权 奢华福利</span></h2>
                        <div class="vip-1-item">查看贵族特权</div>
                    </div>
                    <div class="vip-2">
                        <img src="../static/imgs/wyk2.jpg" alt="">
                    </div>
                </div>


                <div class="r-num">
                    <div class="num-1">
                        <p class="num-1-item1">账号设置</p>
                        <p class="num-1-item2">安全评分75，账号存在风险，可进一步提升安全性</p>
                    </div>
                    <div class="num-2">
                        <div class="num-2-item1">
                            <img src="../static/imgs/wyk4.png" alt=""> <span class="mode1">修改手机</span>
                        </div>
                        <div class="num-2-item1">
                            <img src="../static/imgs/wyk5.png" alt=""> <span class="mode1">修改密码</span>
                        </div>
                        <div class="num-2-item1">
                            <img src="../static/imgs/wyk6.png" alt=""> <span class="mode2">绑定银行卡</span>
                        </div>
                        <div class="num-2-item1">
                            <img src="../static/imgs/wyk7.png" alt=""> <span class="mode2">绑定身份证</span>
                        </div>
                        <div class="num-2-item1">
                            <img src="../static/imgs/wyk4.png" alt=""> <span class="mode1">修改手机</span>
                        </div>
                        <div class="num-2-item1">
                            <img src="../static/imgs/wyk5.png" alt=""> <span class="mode1">修改密码</span>
                        </div>
                    </div>
                </div>


                <div class="r-third">
                    <div class="third-1">
                        <span class="third-1-item1">第三方账号绑定</span>
                    </div>
                    <div class="third-2">
                        <div class="third-2-item1">
                            <img src="../static/imgs/wyk8.png" alt=""> <span class="mode1">解  绑</span>
                        </div>
                        <div class="third-2-item1">
                            <img src="../static/imgs/wyk9.png" alt=""> <span class="mode2">绑  定</span>
                        </div>
                        <div class="third-2-item1">
                            <img src="../static/imgs/wyk10.png" alt=""> <span class="mode2">绑  定</span>
                        </div>
                        <div class="third-2-item1">
                            <img src="../static/imgs/wyk9.png" alt=""> <span class="mode2">绑  定</span>
                        </div>
                    </div>
                </div>


                <div class="r-personal">
                    <div class="personal-1">
                        <span class="personal-1-item1">个人信息</span>
                    </div>
                    <div class="personal-2">
                        <div class="personal-2-item1">
                            <img src="../static/imgs/wyk11.png" alt=""> <span class="mode1">修改QQ</span>
                        </div>
                        <div class="personal-2-item1">
                            <img src="../static/imgs/wyk12.png" alt=""> <span class="mode2">立即申请</span>
                        </div>
                        <div class="personal-2-item1">
                            <img src="../static/imgs/wyk15.png" alt=""> <span class="mode2">申请加入</span>
                        </div>
                        <div class="personal-2-item1">
                            <img src="../static/imgs/wyk14.png" alt=""> <span class="mode2">填写地址</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="Aug-final">
    <div class="final-about">
        <ul class="final-ul">
            <li class="final-list"><a href="">关于我们</a>
                <span>|</span>
            </li>
            <li class="final-list"><a href="">联系客服</a>
                <span>|</span>
            </li>
            <li class="final-list"><a href="">招聘信息</a>
                <span>|</span>
            </li>
            <li class="final-list"><a href="">友情链接</a>
                <span>|</span>
            </li>
            <li class="final-list"><a href="">我要开播</a>
                <span>|</span>
            </li>
            <li class="final-list"><a href="">意见反馈</a>
                <span>|</span>
            </li>
            <li class="final-list"><a href="">版权投诉指引</a>
                <span>|</span>
            </li>
            <li class="final-list"><a href="">斗鱼官方QQ号</a>
            </li>

        </ul>

    </div>


</div>

</body>
</html>